<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单填写</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="__CSS__/dingdan.css"/>
		<script src="__JS__/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<script>
		(function(doc, win) {
			var docEl = doc.documentElement,
				resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalc = function() {
					var clientWidth = docEl.clientWidth;
					if(!clientWidth) return;
					docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
				};
			if(!doc.addEventListener) return;
			win.addEventListener(resizeEvt, recalc, false);
			doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
	<body>
		<div class="container">
			<header>
				<a class="btn btn-danger" href="javascript:history.go(-1);"><i></i></a>
				<span>订单填写</span>
			</header>
			<p class="tab1"><span>上海迪士尼度假区一日游【往返车接送,随车导游讲解攻略,新园区新玩法】</span></p>
			<div class="tab2">
				<span class="time">2018-01-2</span>
				<span class="num">成人*1</span>
			</div>
			<ul class="list">
				<li>
					<p><span>出行人</span></p>
					<p>中文姓名<input type="text" id="name" placeholder="需与证件上名字一致"></p>
					<p>身份证<input id="card" type="text" placeholder="请填写身份证号码"></p>
				</li>
				<li>
					<p><span>出行人</span></p>
					<p>中文姓名<input type="text" id="name" placeholder="需与证件上名字一致"></p>
					<p>身份证<input id="card" type="text" placeholder="请填写身份证号码"></p>
				</li>
				<li>
					<p><span>出行人</span></p>
					<p>中文姓名<input type="text" id="name" placeholder="需与证件上名字一致"></p>
					<p>身份证<input id="card" type="text" placeholder="请填写身份证号码"></p>
				</li>
			</ul>
			<div class="info">
				<p><span>联系信息</span></p>
				<p>联系手机<input type="text" id="name" placeholder="接收确认短信"></p>
			</div>
			<div class="bot">
				<p class="p1">总额￥<span style="font-size: 0.3rem;">518</span></p>
				<p class="p2">提交订单</p>
			</div>
		</div>	
	</body>	